<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- topic.qdoc -->
  <title>Important Concepts In Qt Quick - Graphical Effects | Qt Quick 5.12.3</title>
  <link rel="stylesheet" type="text/css" href="style/offline-simple.css" />
  <script type="text/javascript">
    document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css");
    // loading style sheet breaks anchors that were jumped to before
    // so force jumping to anchor again
    setTimeout(function() {
        var anchor = location.hash;
        // need to jump to different anchor first (e.g. none)
        location.hash = "#";
        setTimeout(function() {
            location.hash = anchor;
        }, 0);
    }, 0);
  </script>
</head>
<body>
<div class="header" id="qtdocheader">
  <div class="main">
    <div class="main-rounded">
      <div class="navigationbar">
        <table><tr>
<td ><a href="../qtdoc/index.html">Qt 5.12</a></td><td ><a href="qtquick-index.html">Qt Quick</a></td><td >
			Qt Quick 中的重要概念 - 图形效果</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right"><a href="qtquick-index.html">Qt 5.12.3 参考指南</a></td>
        </tr></table>
      </div>
    </div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="sidebar">
<div class="toc">
<h3><a name="toc">目录</a></h3>
<ul>
<li class="level1"><a href="file:///E:/_Personal/Qt5.12-Document-Trans-in-Chinese/qtquick/qtquick-effects-topic.html#graphical-effects-and-particles">图形效果和粒子</a></li>
<li class="level1"><a href="file:///E:/_Personal/Qt5.12-Document-Trans-in-Chinese/qtquick/qtquick-effects-topic.html#visual-transformation">视觉转换</a></li>
<li class="level1"><a href="file:///E:/_Personal/Qt5.12-Document-Trans-in-Chinese/qtquick/qtquick-effects-topic.html#shader-effects">着色器效果</a></li>
<li class="level1"><a href="file:///E:/_Personal/Qt5.12-Document-Trans-in-Chinese/qtquick/qtquick-effects-topic.html#particles">粒子</a></li>
<li class="level1"><a href="file:///E:/_Personal/Qt5.12-Document-Trans-in-Chinese/qtquick/qtquick-effects-topic.html#sprites">精灵</a></li>
<li class="level1"><a href="file:///E:/_Personal/Qt5.12-Document-Trans-in-Chinese/qtquick/qtquick-effects-topic.html#opacity">不透明度</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Qt Quick 中的重要概念 - 图形效果</h1>
<span class="subtitle"></span>
<!-- $$$qtquick-effects-topic.html-description -->
<div class="descr"> <a name="details"></a>
<a name="graphical-effects-and-particles"></a>
<h2 id="graphical-effects-and-particles">图形效果和粒子</h2>
<p>视觉上吸引人的用户界面比乏味的用户界面更具吸引力。也就是说，设计师必须牢记，视觉效果只是提供了一种与用户巧妙交流的有用方式（例如，哪个视觉项目处于活动状态，或者焦点如何转移）。过度使用视觉效果实际上会降低用户体验。</p>
<a name="visual-transformation"></a>
<h2 id="visual-transformation">视觉转换</h2>
<p>视觉对象可以被转换。例如，它们可以缩放或旋转。这些类型的转换可以提供有关焦点或选择的提示，并且可以提供有关应用程序中正在发生的事件的直观提示。</p>
<p>有关到可视对象的可视转换的信息，请参阅标题为<a href="file:///E:/_Personal/Qt5.12-Document-Trans-in-Chinese/qtquick/qtquick-effects-transformations.html">Qt 
<span lang="zh-cn">Quick</span>转换类型</a>的页面。</p>
<a name="shader-effects"></a>
<h2 id="shader-effects">着色器效果</h2>
<p>着色器效果允许通过顶点和片段着色器直接利用图形处理单元的完整原始功能。使用过多的着色器效果会导致功耗增加，有时会导致性能下降，但如果谨慎使用，着色器可以允许将复杂且具有视觉吸引力的效果应用于视觉对象（例如，水中的涟漪）。</p>
<p>有关着色器效果的信息，请参阅<a href="file:///E:/_Personal/Qt5.12-Document-Trans-in-Chinese/qtquick/qml-qtquick-shadereffect.html">ShaderEffect</a>参考文档。</p>
<a name="particles"></a>
<h2 id="particles">粒子</h2>
<p>粒子系统允许模拟爆炸、烟花、烟雾、雾和风的效果并向用户显示。Qt Quick 提供了一个粒子系统，允许执行这些复杂的 2D 模拟，包括对重力和湍流等环境影响的支持。粒子最常用于为列表或活动通知程序中以及游戏中的当前选定项目添加微妙且具有视觉吸引力的效果。</p>
<p>有关粒子的信息，请参阅有关<a href="file:///E:/_Personal/Qt5.12-Document-Trans-in-Chinese/qtquick/qtquick-effects-particles.html">Qt Quick 
<span lang="zh-cn">粒子系统</span></a>的文档。</p>
<a name="sprites"></a>
<h2 id="sprites">精灵</h2>
<p>精灵是由帧组成的动画图像。精灵在游戏中很常见。Qt Quick 提供了一种显示精灵的视觉类型，以及一个复杂的、随机的、帧转换控制器，用于广泛使用精灵的更复杂的应用程序（如游戏）。</p>
<p>有关<span lang="zh-cn">精灵</span>动画的信息，请参阅标题为<a href="file:///E:/_Personal/Qt5.12-Document-Trans-in-Chinese/qtquick/qtquick-effects-sprites.html"><span lang="zh-cn">精灵动画</span></a>的页面。</p>
<a name="opacity"></a>
<h2 id="opacity">不透明度</h2>
<p>视觉对象可以是不透明的或半透明的。例如，应用程序可以使一个视觉对象不透明，而其他视觉对象半透明，以将用户的注意力集中在不透明的对象上。这是使用<code>opacity</code>Item的属性来控制的。</p>
<p>有关不透明度的更多信息，请参阅<a href="file:///E:/_Personal/Qt5.12-Document-Trans-in-Chinese/qtquick/qml-qtquick-item.html"><span lang="zh-cn">Item（项目）</span></a>文档。</p>
</div>
<!-- @@@qtquick-effects-topic.html -->
        </div>
       </div>
   </div>
   </div>
</div>
<div class="footer">
   <p>
   <acronym title="Copyright">&copy;</acronym> 2019 The Qt Company Ltd.
   Documentation contributions included herein are the copyrights of
   their respective owners.<br/>    The documentation provided herein is licensed under the terms of the    <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation    License version 1.3</a> as published by the Free Software Foundation.<br/>    Qt and respective logos are trademarks of The Qt Company Ltd.     in Finland and/or other countries worldwide. All other trademarks are property
   of their respective owners. </p>
</div>
</body>
</html>
